{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="csdn-outer">
    <div class="header-container">
        <div class="csdn-logo">
            <a href="{% url 'csdn' %}">
                <img src="/static/image/csdn/csdn.png" alt="CSDN logo">
            </a>
        </div>
        <div class="main-menu">
            <ul class="nav-list">
                <li>
                    <a href="#">
                        <i class="fas fa-home"></i>
                        博客
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fas fa-home"></i>
                        下载
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fas fa-home"></i>
                        更多
                    </a>
                </li>
            </ul>
        </div>
        <div class="search-box">

            <input id='search' type="text" name="q" placeholder="搜索" class="search-input">

            <button type="submit" class="search-btn"><i></i>搜索</button>
            

        </div>

        {% if request.session.info %}
            <div class="user-dropdown">
                <div class="username-trigger">
                    {{ request.session.info.name }}
                </div>
                <div class="dropdown-content">
                    <a href="">个人中心</a>
                    <a href="{% url 'user:logout' %}">退出登录</a>
                </div>
            </div>
        {% else %}
            <div class="auth-buttons">
                <a href="{% url 'user:login' %}" class="login-btn">登录</a>
                <span class="divider">|</span>
                <a href="{% url 'user:register' %}" class="register-btn">注册</a>
            </div>
        {% endif %}


    </div>
</div>
</body>
<script src="{% static 'plugins/jQuery/jquery-3.7.1.min.js' %}"></script>
<script type="text/javascript">
    
</script>
</html>